<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">

    <title>手机商城-后台管理</title>

    <!-- Bootstrap core CSS -->
    <link th:href="@{assets/css/bootstrap.css}" rel="stylesheet">
    <!--external css-->
    <link th:href="@{assets/font-awesome/css/font-awesome.css}" rel="stylesheet" />
        
    <!-- Custom styles for this template -->
    <link th:href="@{assets/css/style.css}" rel="stylesheet">
    <link th:href="@{assets/css/style-responsive.css}" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

  <section id="container" >
      <!-- **********************************************************************************************************************************************************
      TOP BAR CONTENT & NOTIFICATIONS
      *********************************************************************************************************************************************************** -->
      <!--header start-->
      <header class="header black-bg" th:fragment="nav">
          <div class="sidebar-toggle-box">
              <div class="fa fa-bars tooltips" data-placement="right" data-original-title="Toggle Navigation"></div>
          </div>
          <!--logo start-->
          <a href="#" class="logo"><b>花生手机商城-后台</b></a>
          <!--logo end-->
          <div class="top-menu">
              <ul class="nav pull-right top-menu">
                  <li><a class="logout" th:href="@{/logout-admin}">退出</a></li>
              </ul>
          </div>
      </header>
      <!--header end-->
      
      <!-- **********************************************************************************************************************************************************
      MAIN SIDEBAR MENU
      *********************************************************************************************************************************************************** -->
      <!--sidebar start-->
      <aside th:fragment="left">
          <div id="sidebar"  class="nav-collapse ">
              <!-- sidebar menu start-->
              <ul class="sidebar-menu" id="nav-accordion">

                  <p class="centered"><a href="#"><img th:src="@{assets/img/ui-sam.jpg}" class="img-circle" width="60"></a></p>
                  <h5 class="centered" th:text="${session.admin.getuName()}"></h5>

                  <li class="mt">
                      <a th:href="@{/management-index}">
                          <i class="fa fa-dashboard"></i>
                          <span>主页</span>
                      </a>
                  </li>

                  <li class="sub-menu">
                      <a th:href="@{/management-phones}" >
                          <i class="fa fa-mobile-phone"></i>
                          <span>商品管理</span>
                      </a>

                  </li>
                  <li class="sub-menu">
                      <a th:href="@{/management-users}" >
                          <i class="fa fa-users"></i>
                          <span>用户管理</span>
                      </a>
                  </li>
                  <li class="sub-menu">
                      <a th:href="@{/management-indent}" >
                          <i class="fa fa-book"></i>
                          <span>订单管理</span>
                      </a>
                  </li>
                  <!--<li class="sub-menu">-->
                      <!--<a href="#" >-->
                          <!--<i class="fa fa-comment"></i>-->
                          <!--<span>评价管理</span>-->
                      <!--</a>-->
                  <!--</li>-->
                  <li class="sub-menu">
                      <a th:href="@{/management-record}" >
                          <i class=" fa fa-envelope-square"></i>
                          <span>操作记录</span>
                      </a>
                  </li>
                  <li class="sub-menu">
                      <a href="javascript:;" >
                          <i class="fa fa-cogs"></i>
                          <span>设置</span>
                      </a>
                      <ul class="sub">
                          <li><a  th:href="@{/lock_screen}">锁屏</a></li>
                          <li><a  th:href="@{/logout-admin}">退出</a></li>
                      </ul>
                  </li>
              </ul>
              <!-- sidebar menu end-->
          </div>
      </aside>
      <!--sidebar end-->
      
      <!-- **********************************************************************************************************************************************************
      MAIN CONTENT
      *********************************************************************************************************************************************************** -->
      <!--main content start-->
      <section id="main-content">
          <section class="wrapper site-min-height">
              <h3><i class="fa fa-angle-right"></i> 网页名字</h3>
              <div class="row mt">
                  <div class="col-lg-12">
                      <p>Place your content here.</p>
                  </div>
              </div>

          </section><! --/wrapper -->
      </section><!-- /MAIN CONTENT -->
  </section>

    <!-- js placed at the end of the document so the pages load faster -->
    <script th:src="@{assets/js/jquery.js}"></script>
    <script th:src="@{assets/js/bootstrap.min.js}"></script>
    <script th:src="@{assets/js/jquery-ui-1.9.2.custom.min.js}"></script>
    <script th:src="@{assets/js/jquery.ui.touch-punch.min.js}"></script>
    <script class="include" type="text/javascript" th:src="@{assets/js/jquery.dcjqaccordion.2.7.js}"></script>
    <script th:src="@{assets/js/jquery.scrollTo.min.js}"></script>
    <script th:src="@{assets/js/common-scripts.js}"></script>
  </body>
</html>
